@import url( http://fonts.googleapis.com/css?family=Raleway:200,600 );

html {
  background: #eee;
}

body {
  margin: 40px auto;
  color: #222;
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  line-height: 1.9em;
}

header {
  margin: 100px 0 200px;
  color: #ddd;
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
}

header p {
  margin-bottom: 2em;
}

header span {
  position: relative;
  font-size: 100px;
  font-weight: 200;
  -webkit-animation: bounce 1s infinite ease;
  -moz-animation: bounce 1s infinite ease;
  -o-animation: bounce 1s infinite ease;
  animation: bounce 1s infinite ease;
}

.shadow[data-shadow=text] {
  text-shadow: 0 0 10px rgba(0,0,0,0.45);
}

.shadow[data-shadow=box] {
  box-shadow: 0 0 20px -5px rgba(0,0,0,0.95);
}

h1 {
  color: #4466dd;
  font-size: 87px;
  font-weight: 200;
  line-height: 1em;
  text-align: left;
  text-transform: uppercase;
}

h1 span {
  font-size: 76px;
}

h2 {
  margin: 1em 0;
  color: #eee;
  font-size: 50px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.3em;
  background: #4466dd;
}

p { margin: 20px 0; }